var data = [{
        head: '小程序',
        topprice1: '',
        topprice2: '5900元',
        topprice3: '起',
        midprice1: '',
        midprice2: '5900元',
        midprice3: '起',
        bottomprice1: '',
        bottomprice2: '5900元',
        bottomprice3: '起',
        time1: '时间周期',
        time3: '套版两天/仿做一周',
        label1: '保证质量',
        label2: '',
        label3: '',
    },
    {
        head: '企业网站',
        topprice1: '模版',
        topprice2: '900元/年',
        topprice3: '',
        midprice1: '仿做',
        midprice2: '6000元',
        midprice3: '',
        bottomprice1: '定做',
        bottomprice2: '12000元',
        bottomprice3: '',
        time1: '时间周期',
        time3: '当天以内 特殊情况顺延',
        label1: '保证质量',
        label2: '',
        label3: '',
    },
    {
        head: '商城网站',
        topprice1: '模版',
        topprice2: '20000元',
        topprice3: '',
        midprice1: '仿做',
        midprice2: '30000元',
        midprice3: '',
        bottomprice1: '定做',
        bottomprice2: '50000元',
        bottomprice3: '',
        time1: '时间周期',
        time3: '套版两天/仿做一周',
        label1: '保证质量',
        label2: '',
        label3: '',
    },
    {
        head: '视频网站',
        topprice1: '接口',
        topprice2: '10000元',
        topprice3: '',
        midprice1: '自制上传',
        midprice2: '80000元',
        midprice3: '',
        bottomprice1: '',
        bottomprice2: '',
        bottomprice3: '',
        time1: '时间周期',
        time3: '套版两天/仿做一周',
        label1: '保证质量',
        label2: '',
        label3: '',
    },
    {
        head: '网站防DDOS攻击',
        topprice1: '',
        topprice2: '3000元',
        topprice3: '/月',
        midprice1: '',
        midprice2: '',
        midprice3: '',
        bottomprice1: '',
        bottomprice2: '',
        bottomprice3: '',
        time1: '时间周期',
        time3: '当天以内 特殊情况顺延',
        label1: '保证稳定无视一切',
        label2: '打死十倍偿',
        label3: '',
    },
    {
        head: '网站防黑入侵',
        topprice1: '',
        topprice2: '3000元',
        topprice3: '/次/月',
        midprice1: '',
        midprice2: '',
        midprice3: '',
        bottomprice1: '',
        bottomprice2: '',
        bottomprice3: '',
        time1: '时间周期',
        time3: '当天以内 特殊情况顺延',
        label1: '保证稳定无视一切',
        label2: '被破十倍偿',
        label3: '',
    },
    {
        head: '网站加速',
        topprice1: '',
        topprice2: '9000元/年',
        topprice3: '',
        midprice1: '',
        midprice2: '',
        midprice3: '',
        bottomprice1: '',
        bottomprice2: '',
        bottomprice3: '',
        time1: '时间周期',
        time3: '当天以内 特殊情况顺延',
        label1: '代码优化',
        label2: '资源优化',
        label3: 'CDN',
    },
    {
        head: 'CDN',
        topprice1: '',
        topprice2: '9800元/年',
        topprice3: '',
        midprice1: '',
        midprice2: '18000元/年',
        midprice3: '',
        bottomprice1: '',
        bottomprice2: '',
        bottomprice3: '',
        time1: '时间周期',
        time3: '当天以内 特殊情况顺延',
        label1: '不死防御CDN',
        label2: '加速CDN',
        label3: '共存CDN',
    },
    {
        head: '百度搜索排名SEO',
        topprice1: '',
        topprice2: '词30000元/条',
        topprice3: '',
        midprice1: '',
        midprice2: '',
        midprice3: '',
        bottomprice1: '',
        bottomprice2: '',
        bottomprice3: '',
        time1: '时间周期',
        time3: '当天以内 特殊情况顺延',
        label1: '不上百度不收钱',
        label2: '',
        label3: '',
    },
    {
        head: '源码搭建',
        topprice1: '',
        topprice2: 'PHP1300/次/站',
        topprice3: '',
        midprice1: '其他语言翻倍',
        midprice2: '',
        midprice3: '',
        bottomprice1: '',
        bottomprice2: '',
        bottomprice3: '',
        time1: '时间周期',
        time3: '当天以内 特殊情况顺延',
        label1: '保证质量',
        label2: '',
        label3: '',
    },
    {
        head: '改调页面',
        topprice1: '',
        topprice2: '1500元-3000元',
        topprice3: '',
        midprice1: '',
        midprice2: '',
        midprice3: '',
        bottomprice1: '',
        bottomprice2: '',
        bottomprice3: '',
        time1: '时间周期',
        time3: '当天以内 特殊情况顺延',
        label1: '保证质量',
        label2: '',
        label3: '',
    },
    {
        head: '仿页面',
        topprice1: '',
        topprice2: '无后台1000元',
        topprice3: '/页',
        midprice1: '',
        midprice2: '有后台3000元',
        midprice3: '/页',
        bottomprice1: '',
        bottomprice2: '',
        bottomprice3: '',
        time1: '时间周期',
        time3: '当天以内 特殊情况顺延',
        label1: '保证质量',
        label2: '',
        label3: '',
    },
    {
        head: '定做页面',
        topprice1: '',
        topprice2: '无后台3000元',
        topprice3: '/页',
        midprice1: '',
        midprice2: '有后台6000元',
        midprice3: '/页',
        bottomprice1: '',
        bottomprice2: '',
        bottomprice3: '',
        time1: '时间周期',
        time3: '没有规定时间',
        label1: '保证质量',
        label2: '',
        label3: '',
    },
    {
        head: '加功能',
        topprice1: '',
        topprice2: '1500元',
        topprice3: '/个起',
        midprice1: '',
        midprice2: '',
        midprice3: '',
        bottomprice1: '',
        bottomprice2: '',
        bottomprice3: '',
        time1: '时间周期',
        time3: '当天以内 特殊情况顺延',
        label1: '保证质量',
        label2: '',
        label3: '',
    },
    {
        head: '改功能',
        topprice1: '',
        topprice2: '3000元',
        topprice3: '/个起',
        midprice1: '',
        midprice2: '',
        midprice3: '',
        bottomprice1: '',
        bottomprice2: '',
        bottomprice3: '',
        time1: '时间周期',
        time3: '当天以内 特殊情况顺延',
        label1: '保证质量',
        label2: '',
        label3: '',
    },
    {
        head: '修复BUG',
        topprice1: '',
        topprice2: '1500元',
        topprice3: '/个起',
        midprice1: '',
        midprice2: '',
        midprice3: '',
        bottomprice1: '',
        bottomprice2: '',
        bottomprice3: '',
        time1: '时间周期',
        time3: '当天以内 特殊情况顺延',
        label1: '保证质量',
        label2: '',
        label3: '',
    },
    {
        head: '苹果签名证书',
        topprice1: '',
        topprice2: 'H5APP 600元',
        topprice3: '/季',
        midprice1: '保证稳定不掉',
        midprice2: '',
        midprice3: '',
        bottomprice1: '',
        bottomprice2: '',
        bottomprice3: '',
        time1: '时间周期',
        time3: '当天以内 特殊情况顺延',
        label1: '保证稳定不掉',
        label2: '掉了包赔!',
        label3: '',
    },
    {
        head: 'APP分发',
        topprice1: '',
        topprice2: '600元/年',
        topprice3: '',
        midprice1: '',
        midprice2: '',
        midprice3: '',
        bottomprice1: '',
        bottomprice2: '',
        bottomprice3: '',
        time1: '时间周期',
        time3: '当天以内 特殊情况顺延',
        label1: '免实名',
        label2: '微信绿标自定义页面',
        label3: '',
    },
    {
        head: 'SSL申请',
        topprice1: '',
        topprice2: '600元/年',
        topprice3: '高级证书通',
        midprice1: '配',
        midprice2: '',
        midprice3: '',
        bottomprice1: '',
        bottomprice2: '',
        bottomprice3: '',
        time1: '时间周期',
        time3: '当天以内 特殊情况顺延',
        label1: '保证质量',
        label2: '',
        label3: '',
    },
    {
        head: '网站服务器  包月维护',
        topprice1: '',
        topprice2: '3000元',
        topprice3: '/月起',
        midprice1: '',
        midprice2: '',
        midprice3: '',
        bottomprice1: '',
        bottomprice2: '',
        bottomprice3: '',
        time1: '时间周期',
        time3: '当天以内 特殊情况顺延',
        label1: '保证质量',
        label2: '',
        label3: '',
    },
]


function createTemplate(template) {
    var cover = document.getElementsByClassName("item")[0];
    var html = '';
    for (var i = 0; i < template.length; i++) {
        var templateItem = template[i];
        var html;
        html += "\n        <div class=\"item-box\">\n            <span class=\"head\">".concat(templateItem.head, "</span>\n            <div class=\"content-box\">\n                <span class=\"money\">\n                    <div>\n                        <t>").concat(templateItem.topprice1, "</t>\n                        <b>").concat(templateItem.topprice2, "</b>\n                        <t>").concat(templateItem.topprice3, "</t>\n                    </div>\n                    <div>\n                        <t>").concat(templateItem.midprice1, "</t>\n                        <b>").concat(templateItem.midprice2, "</b>\n                        <t>").concat(templateItem.midprice3, "</t>\n                    </div>\n                    <div>\n                        <t>").concat(templateItem.bottomprice1, "</t>\n                        <b>").concat(templateItem.bottomprice2, "</b>\n                        <t>").concat(templateItem.bottomprice3, "</t>\n                    </div>\n                </span>\n                <span class=\"time\">\n                    <i>").concat(templateItem.time1, "</i>\n                                        <i class=\"right\">").concat(templateItem.time3, "</i>   \n                </span>\n                <span class=\"jindu\">\n                    <div class=\"big-box\">\n                        <div class=\"small-box\"></div>\n                    </div><em>95%</em>\n                </span>\n                <span class=\"fuwu\">\n                    <div class=\"fuwu-box\">\n                        <div></div>\n                        <div></div>\n                    </div>\n                   <span class=\"text\"> \u670D\u52A1\u91CF95%\n   </span>                 <div class=\"fuwu-box2\">\n                        <div></div>\n                        <div></div>\n                    </div>\n                </span>\n                <div class=\"bottom-box\">\n                    <div class=\"").concat(templateItem.label1 ? 'show' : '', "\">").concat(templateItem.label1, "</div>\n                    <div class=\"").concat(templateItem.label2 ? 'show' : '', "\">").concat(templateItem.label2, "</div>\n                    <div class=\"").concat(templateItem.label3 ? 'show' : '', "\">").concat(templateItem.label3, "</div>\n                 </div>\n            </div>\n        </div>");
    }

    cover.innerHTML = html;
}
createTemplate(data);